﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <link type="text/css" rel="Stylesheet" href="css/common.css" />
    <link type="text/css" rel="Stylesheet" href="css/frame.css" />
    <style>
        div#act_area div.riqi_item
        {
            width: 95px;
            height:40px;
            position: absolute;
            padding-top:8px;
        }
        
        div#act_area div#act_area_content
        {
            height: 50px;
            width: 570px;
            margin: 0 auto;
            background: url(images/EventHighlight/riqi_area.png) no-repeat;
            color: #a68635;
            position: relative;
        }
        
        div#act_area div.riqi_item_selected
        {
            background: url(images/EventHighlight/riqi_selected.png) no-repeat;
        }
    </style>
    <style>
        div#divFlowerPhoto
        {
            vertical-align: top;
            width: 660px;
            margin: 20px auto 0px auto;
        }
        
        div#divFlowerPhoto div.Line
        {
            position: relative;
            height: 270px;
        }
        
        div#divFlowerPhoto div.Line div.Header
        {
            height: 205px;
            width: 100%;
            background: url(images/EventHighlight/flowerline2.png) no-repeat;
            position: absolute;
            z-index: 50;
        }
        div#divFlowerPhoto div.Line div.PhotoFrame
        {
            width: 201px;
            height: 202px;
            background: url(images/EventHighlight/flowerphoto_frame.png) no-repeat;
            position: absolute;
            z-index: 40;
        }
        div#divFlowerPhoto div.Line div.Photo
        {
            width: 201px;
            height: 202px;
            background: url(images/EventHighlight/DefaultPhoto.png) no-repeat;
            position: absolute;
            z-index: 30;
        }
    </style>
</head>
<body>
    <div id="frameheader" class="frameheader">
        <div class="header_bg">
            <div class="header_c">
            </div>
            <a href="#" class="link_1">我要参赛</a>
            <div class="header_l">
            </div>
            <div class="header_r">
            </div>
        </div>
    </div>
    <div id="framebody" class="framebody" id="wrapper">
        <div class="framebodycontainer">
            <div class="menu">
                <ul>
                    <li class="cur"><a href="#">首页</a></li>
                    <li><a href="#">宝宝照片</a></li>
                    <li><a href="#">评选宝宝</a></li>
                    <li><a href="#">活动介绍</a></li>
                    <li><a href="#">获奖名单</a></li>
                    <li><a href="#">活动花絮</a></li>
                    <li><a href="#">往期回顾</a></li>
                </ul>
            </div>
            <div class="content">
                <div class="contentleft">
                    <div class="userpanel2">
                        <div class="userphotocontainer">
                            <img class="userphoto" src="images/OfflineBaby/samplephoto.png" alt="" />
                        </div>
                        <div class="textpart">
                            <div class="ft_14">
                                <p>
                                    陆逸宸</p>
                                <p>
                                    下午好！</p>
                            </div>
                        </div>
                        <div class="logoutcontainer">
                            <a class="logoutlb" href="###">退出</a>
                        </div>
                    </div>
                    <div class="top-5">
                        <div class="top-5-logo">
                        </div>
                        <div class="panel_208_h">
                        </div>
                        <div class="panel_208_b" style="padding: 30px 0;">
                            <div class="top5item">
                                <div>
                                    <img src="images/Nav/top-5-samplephoto.png" alt="" />
                                </div>
                                <div class="textpart">
                                    <div>
                                        <span class="babygroupname yahei green2">家乐福宝宝帮</span> <span class="babyname yahei orange2">
                                            洋洋 / 豆豆</span>
                                        <div class="clearAll">
                                        </div>
                                    </div>
                                    <div class="piaoshu">
                                        <span class="yahei orange2">票数：</span> <span class="yahei green2">156</span> <span
                                            class="yahei orange2">票</span>
                                    </div>
                                </div>
                            </div>
                            <hr class="line" />
                            <div class="top5item">
                                <div>
                                    <img src="images/Nav/top-5-samplephoto.png" alt="" />
                                </div>
                                <div class="textpart">
                                    <div>
                                        <span class="babygroupname yahei green2">家乐福宝宝帮</span> <span class="babyname yahei orange2">
                                            洋洋 / 豆豆</span>
                                        <div class="clearAll">
                                        </div>
                                    </div>
                                    <div class="piaoshu">
                                        <span class="yahei orange2">票数：</span> <span class="yahei green2">156</span> <span
                                            class="yahei orange2">票</span>
                                    </div>
                                </div>
                            </div>
                            <hr class="line" />
                            <div class="top5item">
                                <div>
                                    <img src="images/Nav/top-5-samplephoto.png" alt="" />
                                </div>
                                <div class="textpart">
                                    <div>
                                        <span class="babygroupname yahei green2">家乐福宝宝帮</span> <span class="babyname yahei orange2">
                                            洋洋 / 豆豆</span>
                                        <div class="clearAll">
                                        </div>
                                    </div>
                                    <div class="piaoshu">
                                        <span class="yahei orange2">票数：</span> <span class="yahei green2">156</span> <span
                                            class="yahei orange2">票</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel_208_f">
                        </div>
                    </div>
                </div>
                <div class="contentright">
                    <div class="panel_695_h">
                    </div>
                    <div class="panel_695_b">
                        <!-- content body start -->
                        <div style="height: 50px; background: url(images/EventHighlight/xianxiajinjibaobaobang.png) no-repeat">
                        </div>
                        <div style="overflow: hidden">
                            <div style="width: 320px; float: left; margin-right: 10px;">
                                <div style="height: 215px; overflow: hidden">
                                    <img src="images/EventHighlight/photo_list_pic1.png" alt="" />
                                </div>
                                <div style="float: left; width: 190px; text-align: center; padding: 18px;">
                                    <div style="color: #419310; font-size: 14px; font-family: Microsoft YaHei;">
                                        家乐福宝宝帮</div>
                                    <div style="color: #ff6418; font-size: 14px; font-family: Microsoft YaHei;">
                                        洋洋 / 豆豆</div>
                                </div>
                                <div style="float: right; text-align: center; padding: 18px;">
                                    <div style="color: #f96200; font-size: 26px; font-family: Microsoft YaHei;">
                                        上海</div>
                                </div>
                                <div class="clearAll">
                                </div>
                            </div>
                            <div style="width: 320px; float: left; margin-right: 10px;">
                                <div>
                                    <img src="images/EventHighlight/photo_list_pic2.png" alt="" />
                                </div>
                                <div style="float: left; width: 190px; text-align: center; padding: 18px;">
                                    <div style="color: #419310; font-size: 14px; font-family: Microsoft YaHei;">
                                        家乐福宝宝帮</div>
                                    <div style="color: #ff6418; font-size: 14px; font-family: Microsoft YaHei;">
                                        洋洋 / 豆豆</div>
                                </div>
                                <div style="float: right; text-align: center; padding: 18px;">
                                    <div style="color: #f96200; font-size: 26px; font-family: Microsoft YaHei;">
                                        上海</div>
                                </div>
                                <div class="clearAll">
                                </div>
                            </div>
                            <div class="clearAll">
                            </div>
                        </div>
                        <div style="height: 50px; background: url(images/EventHighlight/jingcaihuodonghuaxu.png) no-repeat">
                        </div>
                        <div id="act_area" style="overflow: hidden; text-align: center">
                            <div id="act_area_content">
                                <div class="riqi_item" style="left: 0px;">
                                    <p>
                                        上海</p>
                                    <p>
                                        10.3-4</p>
                                </div>
                                <div class="riqi_item " style="left: 95px;">
                                    <p>
                                        上海</p>
                                    <p>
                                        10.3-4</p>
                                </div>
                                <div class="riqi_item riqi_item_selected" style="left: 190px;">
                                    <p>
                                        上海</p>
                                    <p>
                                        10.3-4</p>
                                </div>
                                <div class="riqi_item" style="left: 285px;">
                                    <p>
                                        上海</p>
                                    <p>
                                        10.3-4</p>
                                </div>
                                <div class="riqi_item" style="left: 380px;">
                                    <p>
                                        上海</p>
                                    <p>
                                        10.3-4</p>
                                </div>
                                <div class="riqi_item" style="left: 475px;">
                                    <p>
                                        上海</p>
                                    <p>
                                        10.3-4</p>
                                </div>
                            </div>
                        </div>
                        <div id="divFlowerPhoto">
                            <div class="Line">
                                <div class="Header" style="top: 0px; left: 0px;">
                                </div>
                                <div class="PhotoFrame" style="top: 52px; left: 30px;">
                                </div>
                                <div class="Photo" style="top: 52px; left: 30px;">
                                </div>
                                <div class="PhotoFrame" style="top: 60px; left: 230px;">
                                </div>
                                <div class="Photo" style="top: 60px; left: 230px;">
                                </div>
                                <div class="PhotoFrame" style="top: 53px; left: 440px;">
                                </div>
                                <div class="Photo" style="top: 53px; left: 440px;">
                                </div>
                            </div>
                            <div class="Line">
                                <div class="Header" style="top: 0px; left: 0px;">
                                </div>
                                <div class="PhotoFrame" style="top: 52px; left: 30px;">
                                </div>
                                <div class="Photo" style="top: 52px; left: 30px;">
                                </div>
                                <div class="PhotoFrame" style="top: 60px; left: 230px;">
                                </div>
                                <div class="Photo" style="top: 60px; left: 230px;">
                                </div>
                                <div class="PhotoFrame" style="top: 53px; left: 440px;">
                                </div>
                                <div class="Photo" style="top: 53px; left: 440px;">
                                </div>
                            </div>
                            <div class="Line">
                                <div class="Header" style="top: 0px; left: 0px;">
                                </div>
                                <div class="PhotoFrame" style="top: 52px; left: 30px;">
                                </div>
                                <div class="Photo" style="top: 52px; left: 30px;">
                                </div>
                                <div class="PhotoFrame" style="top: 60px; left: 230px;">
                                </div>
                                <div class="Photo" style="top: 60px; left: 230px;">
                                </div>
                                <div class="PhotoFrame" style="top: 53px; left: 440px;">
                                </div>
                                <div class="Photo" style="top: 53px; left: 440px;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfloat"></div>
            </div>
        </div>
    </div>
    
</body>
</html>
